<!DOCTYPE html>
<!-- 必须在此处声明 manifest 和 源文件-->
<html manifest="/manifestDemo.appcache">
<head lang="en">
    <meta charset="UTF-8">
    <title>应用缓存</title>
    <script>
        var t;
        function showTime(){
            var btn = document.getElementById("btn");
            var time = document.getElementById("time");
            if(btn.value == "showTime"){
                t = setInterval('time.innerHTML=new Date()',1000);
                btn.value="closeTime";

            }else{
                btn.value="showTime";
                window.clearInterval(t);
                time.innerHTML="";
            }

        }
    </script>
</head>
<body>
<h2>HTML5 Cache Manifest 实例</h2>
<input type="button" id="btn" onclick="showTime()"value="showTime">
<div id="time"></div><br>
<p>请打开
    <a href="10-应用缓存.html" target="_blank">
        这个页面
    </a>，然后脱机浏览，重新加载页面。页面中的脚本和图像依然可用。</p>

</body>
</html>